/* ================================================= */
/* CSS for control sap.uxap/ObjectPageHeaderContent  */
/* Base theme                                        */
/* ================================================= */

.sapUxAPObjectPageHeaderContent {
	position: relative;

	.sapUxAPObjectPageHeaderContentItem {
		display: inline-block;
		vertical-align: top;
		margin-right: 2rem;
		margin-bottom: 1rem;
		line-height: 1.5rem;
	}

	.sapUxAPObjectPageHeaderContentItem .sapMText {
		line-height: 1.5rem;
	}

	.sapMObjectAttributeDiv .sapMText {
		line-height: normal;
	}

	.sapUxAPObjectPageHeaderContentItem.sapUiRespGrid {
		display: inherit;
	}

	.sapUxAPObjectPageHeaderSeparatorContainer {
		position: relative;
		margin-right: 4rem;
		.sapUxAPObjectPageHeaderSeparatorBefore {
			width: 1px;
			background-color: @sapUiToolbarSeparatorColor;
			display: inline-block;
			position: absolute;
			top: 0;
			bottom: 1rem;
			margin-right: 1rem;
			left: -2rem;
		}
		.sapUxAPObjectPageHeaderSeparatorAfter {
			width: 1px;
			background-color: @sapUiToolbarSeparatorColor;
			display: inline-block;
			position: absolute;
			top: 0;
			bottom: 1rem;
			margin-left: 1rem;
			right: -2rem;
		}
	}

	&, > .sapUxAPObjectPageHeaderSeparatorContainer, > .sapUxAPObjectPageHeaderWidthContainer {
		.sapUiVlt .sapUiVltCell {
			> * {
				line-height: normal;
			}
		}
		.sapUiHLayoutChildWrapper {
			min-height: 2rem;
			min-width: 2rem;
			& > .sapMImg {
				vertical-align: middle;

			}
		}
		> .sapUiSimpleForm {

			.sapUiFormResLayout > div {
				padding: 0;
				background-color: transparent;
			}

			.sapUiFormResLayout .sapUiRFLRow > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapUiRLElement > .sapUiRFLRow:last-child > .sapUiRFLFullLength:last-child {
				padding-bottom: 0;
			}

			.sapMText, .sapMLabel, .sapMLnk {
				font-family: @sapUiFontFamily;
				font-weight: normal;
				height: 1.5rem;
				line-height: 1.5rem;
			}
		}
		.sapMOH {
			margin: 0;
			padding: 0;
			line-height: inherit;
			.sapMOHTitleArrow {
				right: 0.5rem;
				margin-left: 0;
			}
		}

		.sapUiVltCell > .sapMObjectAttributeDiv, .sapUiVltCell > .sapMObjStatus {
			line-height: 1.5rem;
		}

		/* ProgressIndicator has display flex, but OPHeaderContent override it by setting display inline-block
		* for each content entry to order the entries horizontally.
		* In order to keep the display flex behaviour of the PI and the inline-block behaviour inside OPHeaderContent,
		* we use inline-flex.
		* NOTE: It`s needed in case PI is direct child of OPHeaderContent only.
		*/
		> .sapMPI {
			display: -webkit-inline-flex;
			display: inline-flex;
		}

		.sapMPI {
			width: 10rem !important; /* Progress indicator always use the size provide in the control otherwise... */
			height: 1rem;
			position: relative;
			margin-bottom: 1rem;
			.sap-phone & {
				width: 100% !important;
			}
		}
		.sapMSlt {
			height: 1.625rem;
			margin-top: 0.1875rem;
			margin-bottom: 0.1875rem;
			.sapMSltLabel {
				line-height: 1.5rem;
				padding-right: 2.5rem;
				padding-left: 0.5rem;
			}
			.sapMSltArrow {
				width: 2rem;
				line-height: 1.625rem;
			}
		}
	}

	.sapUxAPObjectPageHeaderDetails {
		.sapMObjectNumberUnit {
			font-weight: normal;
			padding-left: 0.25rem;
		}
	}
	.sapUiMedia-Std-Desktop & .sapUxAPObjectPageHeaderLayoutHiddenL,
	.sapUiMedia-Std-Tablet & .sapUxAPObjectPageHeaderLayoutHiddenM,
	.sapUiMedia-Std-Phone & .sapUxAPObjectPageHeaderLayoutHiddenS {
		display: none;
	}
}

html[data-sap-ui-browser^='ie'] .sapUxAPObjectPageHeaderContent div.sapUxAPObjectPageHeaderContentItem {
	vertical-align: top;
}

.sapUiMedia-Std-Desktop .sapUxAPObjectPageHeaderContent {
	padding-left: 3rem;
}

.sapUiMedia-Std-Tablet .sapUxAPObjectPageHeaderContent,
.sapUiMedia-Std-Desktop .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMSplitContainerDetail .sapUxAPObjectPageHeaderContent,
.sapUiMedia-Std-Tablet .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMSplitContainerDetail .sapUxAPObjectPageHeaderContent,
html .sapUiContainer-Medium .sapUxAPObjectPageHeaderContent {
	padding-left: 2rem;
}

.sapUiMedia-Std-Phone .sapUxAPObjectPageHeaderContent,
html .sapUiContainer-Narrow .sapUxAPObjectPageHeaderContent {
	padding-left: 1rem;
}

.sapUxAPObjectPageHeaderContentHidden {
	display: none;
}

/* content separators */
.sapUxAPObjectPageHeaderDetailsDesign-Dark .sapUxAPObjectPageHeaderSeparatorContainer {
	.sapUxAPObjectPageHeaderSeparatorBefore,
	.sapUxAPObjectPageHeaderSeparatorAfter {
		background-color: transparent;
	}
}

.sapUxAPObjectPageHeaderContentImageContainer .sapUiIcon,
.sapUxAPObjectPageHeaderContentImageContainer .sapMImg {
	margin: 0 1rem 0.5rem 0;
}

.sapUxAPObjectPageHeaderContentImageContainer .sapUxAPObjectPageHeaderPlaceholder .sapUiIcon {
	margin: 0;
}

.sapUiMedia-Std-Desktop .sapUxAPObjectPageHeaderContentImageContainer .sapMImg {
	height: 8rem;
	width: auto;
}

.sapUiMedia-Std-Tablet .sapUxAPObjectPageHeaderContentImageContainer .sapMImg,
html .sapUiContainer-Medium .sapUxAPObjectPageHeaderContentImageContainer .sapMImg {
	height: 6rem;
	width: auto;
}

.sapUiMedia-Std-Phone .sapUxAPObjectPageHeaderContentImageContainer .sapMImg,
html .sapUiContainer-Narrow .sapUxAPObjectPageHeaderContentImageContainer .sapMImg {
	height: 3rem;
	width: auto;
}

.sapUxAPObjectPageHeaderContentImageContainer > .sapMImg.sapUxAPObjectPageHeaderObjectImage.sapMNoImg {
	display: none;
	margin: 0;
}

/* In this particular case disply none doesn't work corectly in the current version of chrome (43.0.2357.132) */
html[data-sap-ui-browser^="cr4"] .sapUxAPObjectPageHeaderContentImageContainer > .sapMImg.sapUxAPObjectPageHeaderObjectImage.sapMNoImg {
	width: 0;
	height: 0;
	border: none;
	display: inline-block;
}

.sapUxAPObjectPageHeaderLayoutTitleContainer {
	display: inline-block;
}

.sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderPlaceholder {
	width: 9rem;
	height: 9rem;
	box-sizing: border-box;
	margin: 0 1rem 0.5rem 0;
}

.sapUiMedia-Std-Tablet .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderPlaceholder,
html .sapUiContainer-Medium .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderPlaceholder {
	width: 6rem;
	height: 6rem;
}

.sapUiMedia-Std-Phone .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderPlaceholder,
html .sapUiContainer-Narrow .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderPlaceholder {
	width: 3rem;
	height: 3rem;
}

.sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentImageContainer .sapUiIcon,
.sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentImageContainer .sapUxAPObjectPageHeaderPlaceholder.sapUxAPObjectPageHeaderObjectImage .sapUiIcon {
	font-size: 5rem;
}

.sapUiMedia-Std-Tablet .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentImageContainer .sapUiIcon,
.sapUiMedia-Std-Tablet .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentImageContainer .sapUxAPObjectPageHeaderPlaceholder.sapUxAPObjectPageHeaderObjectImage .sapUiIcon,
html .sapUiContainer-Medium .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentImageContainer .sapUiIcon,
html .sapUiContainer-Narrow .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentImageContainer .sapUxAPObjectPageHeaderPlaceholder.sapUxAPObjectPageHeaderObjectImage .sapUiIcon {
	font-size: 3rem;
}

.sapUiMedia-Std-Phone .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentImageContainer .sapUiIcon,
.sapUiMedia-Std-Phone .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentImageContainer .sapUxAPObjectPageHeaderPlaceholder.sapUxAPObjectPageHeaderObjectImage .sapUiIcon,
html .sapUiContainer-Narrow .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentImageContainer .sapUiIcon,
html .sapUiContainer-Narrow .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentImageContainer .sapUxAPObjectPageHeaderPlaceholder.sapUxAPObjectPageHeaderObjectImage .sapUiIcon {
	font-size: 2rem;
}

.sapUiMedia-Std-Desktop, .sapUiMedia-Std-Tablet,
html .sapUiContainer-Medium {
	.sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderObjectImage-Circle .sapUxAPObjectPageHeaderObjectImage:not(.sapUxAPObjectPageHeaderObjectImageIcon) {
		border-style: solid;
	}
}

.sapUxAPObjectPageHeaderContent .sapSuiteDmc.sapUxAPObjectPageHeaderContentItem,
.sapUxAPObjectPageHeaderContent .sapSuiteBCContent.sapUxAPObjectPageHeaderContentItem,
.sapUxAPObjectPageHeaderContent .sapSuiteCmc.sapUxAPObjectPageHeaderContentItem,
.sapUxAPObjectPageHeaderContent .sapSuiteCmpChartContent.sapUxAPObjectPageHeaderContentItem,
.sapUxAPObjectPageHeaderContent .sapSuiteMac.sapUxAPObjectPageHeaderContentItem,
.sapUxAPObjectPageHeaderContent .suiteHBMC.sapUxAPObjectPageHeaderContentItem {
	line-height: normal;
}

.sapUxAPObjectPageHeaderContentFlexBox {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: flex;
}

.sapUxAPObjectPageHeaderContentCellLeft {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	min-width: 25%;
}

.sapUxAPObjectPageHeaderContentCellRight {
	-webkit-flex-grow: 0;
	-webkit-flex-shrink: 0;
	-webkit-align-self: flex-end;
	flex-grow: 0;
	flex-shrink: 0;
	padding-right: 1rem;
	align-self: flex-end;
}

.sapUxAPObjectPageHeaderDetailsHidden > * {
  visibility: hidden;
}

.sapUiLoSplitterH.sapUiLoSplitter .sapUxAPObjectPageHeaderContent {
	white-space: normal;
}

.sapUxAPObjectPageHeaderContentDesign-Light,
.sapUxAPObjectPageHeaderContentDesign-Dark {
	background-color: @sapUiObjectHeaderBackground;
}